<template>
  <div>
    <el-form :model="ruleForm"  ref="ruleForm" label-width="140px" class="demo-ruleForm" size="mini">
      <el-row>
        <el-col :span="8">
          <el-form-item label="统一社会信用代码" prop="uscCode">
            <el-input v-model="ruleForm.uscCode"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="组织机构代码证">
            <el-input v-model="ruleForm.organCode"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="企业性质" prop="entNature">
            <el-input v-model="ruleForm.entNature"></el-input>
          </el-form-item>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="8">
          <el-form-item label="注册地址">
            <el-input v-model="ruleForm.registerAddress"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="注册资本(万元)" prop="registerEdcapital">
            <el-input v-model="ruleForm.registerEdcapital"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="注册日期">
            <el-date-picker type="date" placeholder="选择日期" v-model="ruleForm.registerDate" style="width: 100%;"></el-date-picker>
          </el-form-item>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="8">
          <el-form-item label="经营期限">
            <el-date-picker type="date" placeholder="选择日期" v-model="ruleForm.businessStart" style="width: 100%;"></el-date-picker>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="至">
            <el-date-picker type="date" placeholder="选择日期" v-model="ruleForm.businessEnd" style="width: 100%;"></el-date-picker>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="经营地址">
            <el-input v-model="ruleForm.businessAddress"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="8">
          <el-form-item label="经营地性质">
            <el-input v-model="ruleForm.businessDto"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="实际资本(万元)" prop="realCapital">
            <el-input v-model="ruleForm.realCapital"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="年营业收入(万元)" prop="businessTotal">
            <el-input v-model="ruleForm.businessTotal"></el-input>
          </el-form-item>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="8">
          <el-form-item label="资产总额(万元)" prop="assetsTotal">
            <el-input v-model="ruleForm.assetsTotal"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="员工人数(人)" prop="employees">
            <el-input v-model="ruleForm.employees"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="企业规模" prop="entSize">
            <el-input v-model="ruleForm.entSize"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>

  </div>
</template>

<script>
export default {
  data() {
    return {
      ruleForm: {
        uscCode: "",
        organCode: "",
        entNature: "",
        registerAddress: "",
        registerEdcapital: "",
        registerDate: "",
        businessStart: "",
        businessEnd: "",
        businessAddress: "",
        businessDto: "",
        realCapital: "",
        businessTotal: "",
        assetsTotal: "",
        employees: "",
        entSize: ""
      },
      rules: {
        uscCode: [
          {
            required: true,
            message: "请输入统一社会信用代码",
            trigger: "blur"
          }
        ],
        entNature: [
          { required: true, message: "请选择企业性质", trigger: "change" }
        ],
        registerEdcapital: [
          { required: true, message: "请输入注册资本", trigger: "blur" }
        ],
        realCapital: [
          { required: true, message: "请输入实际资本", trigger: "blur" }
        ],
        businessTotal: [
          { required: true, message: "请输入年营业收入", trigger: "blur" }
        ],
        assetsTotal: [
          { required: true, message: "请输入资产总额", trigger: "blur" }
        ],
        employees: [
          { required: true, message: "请输入员工人数", trigger: "blur" }
        ],
        entSize: [
          { required: true, message: "请选择企业规模", trigger: "change" }
        ]
      },
      status: false
    };
  },
  methods: {
    getdata() {
      return this.ruleForm;
    },
    submitForm(formName) {
      this.$refs[formName].validate(valid => {
      });
    },
    resetForm(formName) {
      this.$refs[formName].resetFields();
    }
  }
};
</script>
<style lang='scss' scoped>
</style>